<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Guide to the Base Child Theme</title>

<link rel="stylesheet" href="../dkret3/library/styles/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../dkret3/library/styles/basic.css" type="text/css" media="screen" />

<style>
  body {
    width: 600px;
    margin: 50px auto;
  }

  #header {
    	background: #fff url(screenshot.png) no-repeat center center;
    	height: 130px;
    	margin: 50px auto;
  }
  
  .title {
    text-align: center;
    font-size: 40px;
    padding: 40px 0;
  }

  .intro {
    font-size: 18px;
  }
  
</style>

<meta name="robots" content="index,nofollow,noodp,noydir" />

</head>
<body>

<div id="wrapper">
	<div id="header">
	</div>

	<div id="content">
		<p class="intro">The 'Base' Child Theme is a good starting point for your own dkret3 based child theme. All <strong>needed</strong> styles are set up - so it't up to you to beginn the design process .</p>
		<p class="intro">Please be aware that child themes <strong>require</strong> the installation of a parent theme. Before activating this theme you have to upload the <a href="http://diekretzschmars.de/wordpress/themes/dkret-theme/" title="dkret3 theme framework">dkret3</a> theme too!</p>

		<h2>Installing a child theme</h2>

		<p>A Child Theme is installed just like any other WordPress theme.</p>

    <ol>
      <li>Extract the <code>/base/</code> folder from the archive</li>
      <li>Upload this folder and its contents to the <code>../wp-content/themes/</code><br />The file structure should be: <code>../wp-content/themes/base/style.css</code></li>
      <li>Activate the "Base" Child Theme like every other Wordpress Theme</li>
    </ol>

    <p>You can read more detailed <a href="http://codex.wordpress.org/Using_Themes#Adding_New_Themes" title="Adding New Themes">installation instructions</a> on the WordPress Codex.</p>
	
		<h2>Creating your own Child Theme</h2>

		<p>The 'Base' child theme is a staring point for your own design ideas. It is <strong>meant</strong> to be used as the 'base' for your own child theme!</p>

		<p>Rename the 'Base' theme folder in your <code>/wp-content/themes</code> directory. Call it something like <em>mytheme</em>.  So, you'd have a directory like <code>/wp-content/themes/mytheme</code>.  Then change the <code>style.css</code> file within your theme folder:</p>

    <pre>
    <code>
    /* 
    Theme Name: mytheme
    Theme URI: http://link-to-your-site.com
    Description: Describe what your theme should be like.
    Version: 0.1
    Author: Your Name
    Author URI: http://link-to-your-site.com
    Tags: Add, Whatever, Tags, You, Want
    Template: dkret3
    */
    </code>
    </pre>

		<p>Now, you have your own theme!  Of course, you might want to style it. Leave the imports and make your changes underneath.</p>

    <pre>
    <code>
    /* Reset brwoser default styles - using a dkret3 stylesheet */
    @import url('../dkret3/library/styles/reset.css');
    
    /* Load some minimum default styles - using a dkret3 stylesheet */
    @import url('../dkret3/library/styles/basic.css');
    
    /* Apply a basic layout - using the default dkret3 layout (sidebar on right)*/
    @import url('../dkret3/library/layouts/Default-Layout.css');
    </code>
    </pre>

		<p>The <code>style.css</code> is the default theme <acronym title="Cascading Style Sheets">CSS</acronym> that you can overwrite.</p>
    <p>These imports will give you time for the design process because Suckerfish navigation and important styles for images and text elements are set.</p>
    <p>You wonder how that basic styles will look? This guide uses these styles with only a bit of extra css for the header.</p>
    <p>Feel free to import one of the other layout files. If your child theme should have it's sidebar on the left you should import the <code>Sidebar-Left.css</code> layout.</p>

    <h2>Changelog</h2>

    <h3>Version 2.0 - 2009-02-01</h3>
    <ul>
      <li>First Release - REQUIRES dkret3 2.5</li>

    </ul>


		<h2>License</h2>

		<p>dkret is licensed under the <a href="http://www.gnu.org/licenses/gpl-3.0.html" title="GNU GPL">GNU General Public License</a>, version 3 (GPL).</p>

		<br />

		<p class="alignright"><a title="Joern Kretzschmar" href="http://diekretzschmars.de/">Joern Kretzschmar</a> <strong>(2009)</strong></p>
	</div>
</div>

</body>
</html>